<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <meta content="1 days" name="revisit-after" /> 
    <meta content="" name="keywords" /> 
    <meta content="" name="description" /> 
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> 
    <meta content="yes" name="apple-mobile-web-app-capable" /> 
    <meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
    <meta content="telephone=no" name="format-detection" /> 
    <meta content="false" id="twcClient" name="twcClient" />
    <link rel="stylesheet" href="css/style.css" />
	<title>类别收支明细</title>
</head>

<body>
    <div id="nav">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="turnover.html">流水</a></li>
            <li class="on"><a href="account.html">账户</a></li>
            <li><a href="form.html">报表</a></li>
            <li class="change"><img src="images/arrow1.png" /></li>
        </ul>
    </div>
    <div class="sort">
        <a href="#">
        <ul class="bg">
            <li style="font-size: 20px;">现金</li>
            <li>￥3500.00</li>
        </ul>
        </a> 
    </div>
    <h3>2012-03-26</h3>
    <div class="category">
        <ul>
            <li class="canyin">
                <a>
                    <i class="cy-icon"></i> 
                    <div class="left">
                        <span class="accoutname">餐饮</span><br />
                        <span class="date">2012-03-26</span>
                        <span class="remark">知味观</span>
                    </div>
                    <div class="right">
                        <span class="money">￥12.50</span>
                    </div>
                </a>
            </li>
            <li class="yvle">
                <a>
                    <i class="yvl-icon"></i> 
                    <div class="left">
                        <span class="accoutname">娱乐</span><br />
                        <span class="date">2012-03-26</span>
                        <span class="remark">翠苑电影院</span>
                    </div>
                    <div class="right">
                        <span class="money">￥278.00</span>
                    </div>
                </a>
            </li>
        </ul>
    </div>

    <h3>2012-03-24</h3>
    <div class="category">
        <ul>
            <li class="yiliao">
                <a>
                    <i class="yl-icon"></i> 
                    <div class="left">
                        <span class="accoutname">医疗</span><br />
                        <span class="date">2012-03-24</span>
                        <span class="remark">同德医院</span>
                    </div>
                    <div class="right">
                        <span class="money">￥250.00</span>
                    </div>
                </a>
            </li>
            <li class="tongxun">
                <a>
                    <i class="tx-icon"></i> 
                    <div class="left">
                        <span class="accoutname">通讯</span><br />
                        <span class="date">2012-03-24</span>
                        <span class="remark">手机充值</span>
                    </div>
                    <div class="right">
                        <span class="money">￥50.00</span>
                    </div>
                </a>
            </li>
            <li class="jiaotong">
                <a>
                    <i class="jt-icon"></i> 
                    <div class="left">
                        <span class="accoutname">交通</span><br />
                        <span class="date">2012-03-24</span>
                        <span class="remark">加油</span>
                    </div>
                    <div class="right">
                        <span class="money">￥500.00</span>
                    </div>
                </a>
            </li> 
        </ul>
    </div>

    <h3>2012-03-21</h3>
    <div class="category">
        <ul>
            <li class="wuye">
                <a>
                    <i class="wy-icon"></i> 
                    <div class="left">
                        <span class="accoutname">物业</span><br />
                        <span class="date">2012-03-22</span>
                        <span class="remark">水电费</span>
                    </div>
                    <div class="right">
                        <span class="money">￥298.00</span>
                    </div>
                </a>
            </li>
        </ul>
    </div>

    <h3>2012-03-20</h3>
    <div class="category">
        <ul>
            <li class="xuexi">
                <a>
                    <i class="xx-icon"></i> 
                    <div class="left">
                        <span class="accoutname">学习</span><br />
                        <span class="date">2012-03-20</span>
                        <span class="remark">设计中的设计</span>
                    </div>
                    <div class="right">
                        <span class="money">￥250.00</span>
                    </div>
                </a>
            </li>
            <li class="qita">
                <a>
                    <i class="qt-icon"></i> 
                    <div class="left">
                        <span class="accoutname">其他</span><br />
                        <span class="date">2012-03-20</span>
                        <span class="remark">母亲节礼物</span>
                    </div>
                    <div class="right">
                        <span class="money">￥500.00</span>
                    </div>
                </a>
            </li>
        </ul>
    </div>

    <h3>2012-03-18</h3>
    <div class="category">
        <ul>
            <li class="fushi">
                <a>
                    <i class="fs-icon"></i> 
                    <div class="left">
                        <span class="accoutname">服饰</span><br />
                        <span class="date">2012-03-18</span>
                        <span class="remark">连衣裙</span>
                    </div>
                    <div class="right">
                        <span class="money">￥200.00</span>
                    </div>
                </a>
            </li>
        </ul>
    </div>





</body>
</html>